<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Questionário sobre segurança - BE310</title>
<style type="text/css">
<!--
html,body{
  background-color:#F4F4F4;
  margin:0;
  padding:0;
  height:100%;
  border:none
}
.layoutTable {
	background-color:#FFF;
	height:100%;
}
.tdLayout {
	vertical-align:top;
	font:Verdana, Geneva, sans-serif;
	font-size: 16px;
}

h1 {
	font:Verdana, Geneva, sans-serif;
	font-size: 20px;
	text-align:center;
}
.layoutTable tr .tdLayout #form1 p {
	font-weight: bold;
}
.titulo {
	font-weight: bold;
}

-->
</style>
<script src="jquery-1.7.min.js" type="text/javascript"></script>
<script type="application/javascript">
var totalCasos=0;
function jaSofreuChange() {
	if ($('#jaSofreu').val() == 0) {
		$('#areaCasos').html("");
		$('#areaAdd').html("&nbsp;");
		totalCasos=0;
	} else {
		addCaso();
	}
}
function addCaso() {
	$('#areaAdd').html("<BR><img src=\"loading.gif\">");
	$.get('caso.php?n='+totalCasos, function(data) {
		$('#areaAdd').html("<BR><a href='javascript:addCaso();'>Relatar outro caso</a>");
		$('#areaCasos').append(data);
	});
	totalCasos++;
}
</script>

</head>
<body>
<table width="700" border="0" cellpadding="4" cellspacing="4" class="layoutTable" height="100%" align="center">
  <tr>
    <td class="tdLayout"><h1>Mapeamento de segurança de Barão Geraldo&nbsp;</h1>
      <p class="titulo">Objetivo</p>
<p>Esse questionário, <span class="titulo">totalmente anônimo</span>, tem como objetivo coletar informações para mapear os pontos de maior risco para determinados tipos de violência no distrito de Barão Geraldo e no campus da UNICAMP.</p>
<p> Esse mapeamento é um projeto para BE310 (Ciências do Ambiente). Acreditamos que ele pode ser útil, já que muitos casos de violência não são relatados à polícia, além de fornecer uma pista de regiões que podem ser evitadas para que se diminua a probabilidade de ser vítima desses crimes. Ele pode ajudar, por exemplo, na hora de escolher onde morar, onde parar o carro ou por onde transitar.</p>
<p class="titulo">Como usar</p>
<p>Para cada caso de ocorrência de violência contigo, você deverá clicar na região aproximada do mapa onde ela ocorreu. Um X vermelho deverá aparecer onde foi clicado. Se você já sofreu vários casos de violência, há um link no final da página que adiciona mais campos para relatar mais casos. </p>
<p class="titulo">Nomenclatura</p>
      <p>- Assalto/Roubo: Quando  o crime é feito na presença da vítima<br />
      - Furto: Quando o crime é feito na ausência da vítima<br />
        - Roubo/furto de automóvel: Roubo ou furto do automóvel em si<br />
      - Furto a automóvel: Roubo de pertences dentro do automóvel, na ausência da vítima</p>
      <p class="titulo">Resultados</p>
      <p>Assim que o relatório estiver pronto, ele será disponibilizado nesse mesmo site. Além disso, todos softwares desenvolvidos para coletar essas informações e gerar os mapas estatísticos serão disponibilizados com o código aberto ao fim do projeto.</p>
      <p>Qualquer dúvida e/ou sugestão, envie e-mail para felizardow@gmail.com</p>
      <p>&nbsp; </p>
      <form id="form1" name="form1" method="post" action="salvaForm.php">
        <p>Você mora ou transita por Barão Geraldo frequentemente?<br />
<select name="mora" id="mora">
            <option value="1">Sim</option>
            <option value="0" selected="selected">Não</option>
          </select>
        </p>
        <p>Qual seu vínculo com a UNICAMP ?<br />
          <select name="vinculo" id="vinculo">
            <option value="0" selected="selected">Não tenho</option>
            <option value="1">Aluno</option>
            <option value="2">Professor</option>
            <option value="3">Funcionário</option>
          </select>
        </p>
        <p>Você já sofreu algum tipo de crime ou violência em Barão geraldo?<br />
<select name="jaSofreu" id="jaSofreu" onchange="javascript:jaSofreuChange();">
            <option value="1">Sim</option>
            <option value="0" selected="selected">Não</option>
          </select>
        </p>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td id="areaCasos"></td>
          </tr>
          <tr>
            <td id="areaAdd">&nbsp;</td>
          </tr>
        </table>
        <p>
          <input type="submit" name="button" id="button" value="Enviar" />
        </p>
      </form></td>
  </tr>
</table>
</body>
</html>
